<template>
    <div>
        <EMOJI></EMOJI>
    </div>

</template>

<script>
    import EMOJI from '@/components/emoji'
    export default {
        name: 'qq',
        data() {
            return {
            }
        },
        props: {
            msg: String
        },
        components: {
            EMOJI
        },
        methods: {


        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">

    .wrap-panel {
        width: 300px;
        margin: 20px auto;
        text-align: left;
    }

    .input-panel {
        padding: 10px;
        margin: 0 auto;
        text-align: left;
        width: 300px;
        height: 100px;
        border: 1px solid #666;
        outline: none;
    }

    .item-panel {
        display: inline-block;
    }
</style>